<template>
    <div id="GoodBottom">
        <div class="left">
            <LeftGoods></LeftGoods>
        </div>
        <div class="right">
             <Tabs type="card">
                <TabPane label="商品介绍"><div class="item">商品介绍</div></TabPane>
                <TabPane label="规格及包装"><div class="item">规格及包装</div></TabPane>
                <TabPane label="用户评价（0）"><div class="item">用户评价（0</div></TabPane>
                <TabPane label="售后服务"><div class="item">售后服务</div></TabPane>
            </Tabs>
        </div>
    </div>
</template>

<script>
import LeftGoods from '@/components/cateLeft/rowgoods.vue'
export default {
    name:'GoodBottom',
    components:{
        LeftGoods
    }
}
</script>

<style lang="scss" scoped>
#GoodBottom{
    width: 1200px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
}
.left{
    width: 225px;
    margin-right:25px ;
}
.ivu-tabs-bar{
    margin-bottom:0 !important;
}
.right{
    width: 950px;
    .item{
        border: 1px solid #dcdee2;
        margin-top: -16px;
    }
}
</style>